<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>5-自定义属性</title>
	</head>
	<body>
		<!-- 
			当表单进行提交的时候，你需要把username和uid传递过来
		 -->
		<input type="text" name="username" cid='2' value="admin" id='username'>
		<!-- 隐藏域 -->
		<input type="hidden" uid="20" value="" />
		<script type="text/javascript">
			//获取username元素对象
			
			var userobj = document.querySelector('#username');
			//获取元素对象的内置属性值
			console.log(userobj.value);//admin
			console.log(userobj.type);//text
			console.log(userobj.cid);//undefined
			
			//获取元素对象的自定义属性值
			var cid = userobj.getAttribute('cid');
			console.log('CID::'+cid);
			//设置一个属性---amount是属性名 值99
			//Element.setAttribute: At least 2 arguments required, but only 1 passed
			userobj.setAttribute('amount',99);
			//删除属性cid
			userobj.removeAttribute('cid');
			
			
			//原生JS
			//套壳子  其它人或机构将原生JS的写法进行了函数封装
			
		</script>
	</body>
</html>
